/* Global Reset */
* {
    margin: 0;
    padding: 0;
}


/* General */
body {

}

/*---------------- IMPORT FONT-----------------------*/
@font-face {
    font-family: "Pacifico";
    src: url('Pacifico.ttf');
}

@font-face {
    font-family: 'aller2';
    src: url('Aller_Std_Rg.ttf');
}

@font-face {
    font-family: "helvetica neue";
    src: url('Helvetica.ttf');
}

@font-face {
    font-family: "Frutiger LT Std";
    src: url('FrutigerLTStd-Bold.otf');
}

/*------------------ GENERAL ----------------*/
img {
    border: none;
}

/* -------------------Page Container -----------------------*/

.Container {
    margin: 0 auto;
    min-width: 1000px;

}

/*--------------------- Header& Menu 1 va 2 --------------------------------*/

#Header {

}

/*------------------- ROW HEAD 1 -----------------------*/
#Header #Row1_Header {
    width: 998px;

    height: 70px;
    margin: 0 auto;
}

#Row1_Header img {
    float: left;
}

#Row1_Header ul.menu1 {
    float: right;
    list-style: none;
    padding: 25px 0 0 0;
}

#Row1_Header ul.menu1 li {
    float: left;
    margin: 0 2px 0 0;
    display: block;
    width: 90px;
    background: url("/images/layout/header_menu_devine.png") 86px 4px no-repeat;
    text-align: center;
}

#Row1_Header ul.menu1 li:last-child {
    background: #ffffff;
}

#Row1_Header ul.menu1 li a {

    font-family: "Myriad Pro", arial;
    color: #808080;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;

}

.Menu_Panel2
{

    float: left;
    width: 640px;
    padding: 25px 0 0 0;
}

.Menu_Panel2 ul
{
    list-style:none;
    position: relative;
    left: 0px;

}
.Menu_Panel2 ul.authen
{
    margin-left: 10px;
    position: relative;
    float: right;

}

.Menu_Panel2 ul li
{
    float: left;
    margin: 0 2px 0 0;
    display: block;
    width: 90px;
    background: url("/images/layout/header_menu_devine.png") 86px 4px no-repeat;
    text-align: center;
}

.Menu_Panel2 ul li:last-child {
    background: none;
}

.Menu_Panel2 ul li a {

    font-family: "Myriad Pro", arial;
    color: #808080;
    font-size: 12px;
    text-transform: uppercase;
    text-decoration: none;

}
/*------------------- ROW HEAD 2 -----------------------*/
#Header #Row2_Header {
    background: #3F4262;
    height: 25px;
    display: none;
}

#Row2_Header .Menu {
    width: 998px;
    height: 25px;
    margin: 0 auto;

}

#Row2_Header .Menu ul {
    list-style: none;
    padding: 3px 0 0 0;
    margin-left: -30px;

}

#Row2_Header .Menu ul li {
    float: left;

    display: block;
    width: 118px;
    text-align: center;
    margin-right: 1px;
}

#Row2_Header .Menu ul li:hover {
    background: #9197C4;
}

#Row2_Header .Menu ul li a {
    text-decoration: none;
    text-transform: uppercase;
    color: #CCCCCC;
    font-family: myriadpro, arial;
    font-size: 11px;
}

#Row2_Header .Menu #Search_Box {

    width: 250px;
    float: right;

}

#Row2_Header .Menu #Search_Box img {
    float: left;
    margin: -3px 5px 0 -5px;
}

#Row2_Header .Menu #Search_Box input {
    float: left;
    width: 220px;
    height: 18px;
    border: none;
    background: url("/images/layout/search_textbox_bg.png");
}

/*--------------------WRAPPER-------------------*/
#Wrapper {
    clear: both;
    padding: 10px 0 10px 0;

}

/*----------CONTENT ---------------*/
.Content {
    width: 998px;
    margin: 0 auto;

}

.Content .Left-Content
{
    float:left;
    width: 728px;


}

.Content .Widest-Content
{
    margin: 0 auto;
    width: 100%;

}

/*----------  PROFILE -----------------*/
.Widest-Content #person-profile
{

}
#person-profile .image-wrapper
{
    width: 220px;
    height: 220px;
    border: none;
    float:left;
    background: url("/images/layout/profile_person_image_bg.png") no-repeat;
}

.image-wrapper img
{
    margin: 8px 0px 0px 10px;
}

#person-profile .person-info-detail
{
    float:left;
    padding: 0 0 0 20px;

}

#person-profile .person-info-detail h4
{
    color: #22367A;
    font-family: tahoma;
    font-size: 21px;
}

#person-profile .left-info-detail
{
    font-family: tahoma;
    font-size: 12px;
    color: #4D4D4D;
    float: left;
    width: 40%;
    text-transform: capitalize;
}

#person-profile .right-info-detail
{
    font-family: tahoma;
      font-size: 12px;
    color:#000000;
    float: left;
    margin-left: 10px;
    text-transform: capitalize;
}


            /*-------------   MENU TAB 2        - ------------*/
#person-profile #menu-tab2
{
    height: 59px;
}

#menu-tab2 .menu-item-tab
{
    float: left;
}

.menu-item-tab a
{
    text-decoration: none;
    font-family: arial;

    display: block;

}

#menu-tab2 #item1
{
    background: url("/images/layout/item_tab1.png") no-repeat 0px 0px;
    height: 59px;
    width: 244px;
    text-align: center;
}

#menu-tab2 #item1 a
{
   margin-top: 30px;

}

#menu-tab2 #item2
{
    background: url("/images/layout/item_tab2.png") no-repeat -2px 13px;
       height: 59px;
       width: 239px;
       text-align: center;
}

#menu-tab2 #item2 a
{
    margin-top: 30px;
    color:#ffffff;
    font-size: 12px;
    text-transform: capitalize;
}

#menu-tab2 #item3
{
    background: url("/images/layout/item_tab3.png") no-repeat 0px 23px;
       height: 59px;
       width: 244px;
       text-align: center;
}

#menu-tab2 #item3 a
{
    margin-top: 35px;
    color:#ffffff;
    font-size: 12px;
    text-transform: capitalize;
}

    /*---------- MENU PROFILE CONTENT ----------*/
#person-profile #menu-profile-content
{
    height: 490px;

    border: 1px solid #666666;
    padding-left: 5px;
}


/*------------- MENU TAB LIFE-FACTOR -----------------*/
.Widest-Content #menu_tab
{
    height: 25px;
    background: url("/images/layout/life_factor_menu_bg.png") no-repeat;
    border-left: 1px solid #808080;
}

#menu_tab .menu_item_tab
{
    float: left;
}

/* option 1
#menu_tab .menu_item_tab
{


    / background: url("/images/layout/life_factor_tab_menu_bg.png") no-repeat 0px 0px;
    float: left;


}

#menu_tab #item_tab2
{
    position: relative;
    left:-35px;
}

#menu_tab #item_tab3
{
    position: relative;
    left:-70px;
}


#menu_tab #item_tab4
{
    position: relative;
    left:-105px;
}

*/
#menu_tab .menu_item_tab a
{
    text-decoration: none;
    color: #3F4363;
    font-size: 11px;
    font-family: arial;
    display: block;
    width: 140px;
    height: 25px;
    text-align: center;
    padding: 5px;
}

#menu_tab #item_tab2 a
{
    color: #ffffff;
}

#menu_tab .menu_item_tab a:hover
{
    color:#3F4262;

}

#menu_tab div.menu_item_tab:hover
{

}

.Widest-Content #menu_content
{
    border: 1px solid #808080;

}

#menu_content img.back-button
{
    margin: 0 20px 0;
}

#menu_content img.next-button
{
    margin: 0 40px 0 0px;
}

.Widest-List
{
    margin-top: 40px;
    margin-left: 20px;
}

.Widest-List .Widest-Box
{
    height: 230px;
}

.Widest-List .Widest-Box a
{
    text-decoration: none;

}

.Widest-List .Widest-Box .Widest-Box-Left
{
    float: left;
    margin-right: 20px;
}

.Widest-List .Widest-Box .Widest-Box-Right
{
    float: left;

}

/*------------------------------------------------*/



.Content .Right-Content
{
    float:left;
    width: 250px;
    margin-left: 10px;


}

.Right-Content #home-page-right
{

}

#home-page-right
{

}

.comment-list
{

}

.comment-list .comment-box
{
    width: 90%;


}

.comment-list .comment-box .comment-box-img
{
    width: 44px;
    height: 44px;
    float: left;


}

.comment-list .comment-box .comment-box-img-community
{
    width: 70px;
    height: 70px;
    float: left;


}

.comment-list .comment-box .community-box
{
    height: 10px;
    float: left;
    color: #7F839E;
    font-family: arial;
    font-size: 12px;
    padding: 27px 0 0 10px;
}

.comment-list .comment-box .comment-box-rely
{
    float: left;
    width: 172px;
    margin: 0px 0px 0px 8px;
}

.comment-box-rely h4
{

    font-family: arial;
    font-size: 10Px;
    color: #5F66AF;
}


.comment-box-rely p
{
    font-family: arial;
        font-size: 9px;
        color: #000000;
}

.title-header
{
    color: #ffffff;
    text-align: center;
    height: 27px;
    background: #9197C4;
    padding: 3px 0px 0px 0px;
    font-family: "myriad pro";
    font-size: 20px;
}



/*-------------- HOME PAGE ----------------*/
.Content .Left-Content #home-page-left
{

}

#home-page-left .person-name
{
    font-family: tahoma;
    font-size: 21px;
    color: #22367A;

}

/*--------------  MEMBER LIST   ----------- */
.member-list
{
    height: 145px;
    border: 1px solid #CCCCCC;
}

.member-list .member-title
{
    color:#3F4363;
    font-family: tahoma;
    font-size: 18px;
    margin:5px 0 0 5px;
}


.member-list .list
{
    margin:5px 0 0 5px;
    padding: 0 0 0 10px;
}

.member-list .list .list-box
{
    width: 72px;
    height: 94px;
    background: url("/images/layout/home_member_image_shadow.png") no-repeat;
    background-size: 72px 72px;
    float:left;
}

.member-list .list .list-box span
{
    font-family: tahoma;
    font-weight: bold;
    font-size: 10px;
    padding-left: 2px;
}

.member-list .list .list-box img
{
    width: 63px;
    height: 63px;
    margin:2px 2px 0px 4px;
}

.comming-events
{

}
/*---------- LOGIN --------------*/




.Content #login-header
{
    height: 210px;
    background: url("/images/layout/login_bg.png") no-repeat;
}

#login-header #login-box
{
    width: 310px;

}

#login-header #login-box div span
{
    font-family: myriadpro,arial;
    font-size: 14px;
    font-weight: bold;
    color: #3F4363;
    text-transform: uppercase;

}

#login-header #login-box a
{
    text-decoration: none;
    color: white;
    font-family: myriadpro,arial;
    font-size: 9px;
    margin-left: 0px;
    margin-top: 4px;
    float: right;
}

#login-header #login-box input.login-text
{
    width: 233px;
    height: 27px;
    background: url("/images/layout/login_textbox_bg.png");
    border: none;
    font-family: "myriad pro",arial;
    font-size: 11px;
    padding-left: 10px;
    color: #333333;
}

#login-header #login-box .check-box-button
{
    width: 14px;
    height: 14px;
    float: left;
}

#login-header #login-box .check-box
{
    float: left;
    width: 70px;
    height: 14px;
    font-family:'myriad pro',arial;
    font-size:10px;
    color:#ffffff;
    padding-bottom:10px;
}

 #info-box
{
     width: 350px;
     margin-top: -120px;
     text-align: center;
     float: right;
     margin-right: 30px;
}


#info-box p
{
    font-family: "myriad pro",arial;
    color: #ffffff;
    font-size: 20px;

}

#info-box a
{
    font-family: "myriad pro",arial;
        color: #000000;
        font-size: 20px;
        width: 350px;
        text-align: center;
    text-decoration: none;
    font-weight: bold;
}


/*--------------- LOGIN FOOTER -------------- */

.Content #login-footer
{
    margin-top: 15px;
}

#login-footer ul
{
    list-style: none;
}

#login-footer ul li
{
    display: block;
    width: 327px;
    height: 465px;
    background: url("/images/layout/login_news_box.png") ;
    float:left;
    margin-right: 5px;

}

#login-footer ul li:last-child
{
    margin-right:0;
}

#login-footer ul li .login-footer-box
{
    margin: 0px 0 0px 12px;
    font-family: arial;
}
#login-footer ul li .login-footer-title
{
    color: #808080;
    font-family: arial;
    font-size: 11pt;

}

#login-footer ul li .login-footer-info1
{
    color:#1A1A1A;
    font-family: arial;
    font-size: 20px;
    text-align: left;
}

#login-footer ul li .login-footer-info2
{
    font-size: 14px;
}

#login-footer ul li .login-footer-info2 a
{
    color:#22367A;
    font-family: tahoma;
    text-decoration: none;
    font-weight: bold;
}

#login-footer ul li .login-footer-author
{
    color:#26367A;
    font-size: 11px;
}
#login-footer ul li img.news-images
{
    margin: 5px 0 5px 8px;
}

#login-footer img
{
    margin-top: 10px;
}
/* -----------------Page Footer------------------------ */

#Footer {
    margin-top: 20px;
    clear: both;
}

/*------- FOOTER 1 -------*/
#Footer #Row1_Footer {
    width: 998px;
    margin: 0 auto;
}

#Row1_Footer .link-group {
    float: left;
    width: 240px;
}

#Row1_Footer .link-group .link-group-title {
    color: #666666;
    font-family: myriadpro, arial;
    font-size: 12px;
}

#Row1_Footer .link-group ul {
    list-style: none;
}

#Row1_Footer .link-group ul li {

}

#Row1_Footer .link-group ul li a {
    color: #666666;
    font-family: myriadpro, arial;
    font-size: 12px;
    text-decoration: none;
}

/*------- FOOTER 2 -------*/
#Footer #Row2_Footer {
    background: #3F4262;
    height: 35px;
}

#Row2_Footer #Footer_Menu {
    margin: 0 auto;
    width: 991px;
}

#Row2_Footer ul {
    padding: 7px 0 0 0;
    list-style: none;
    margin-left: -10px;
}

#Row2_Footer ul li {
    float: left;
    display: block;
    background: url("/images/layout/footer_menu_devine.png") 0px 6px no-repeat;
    width: 100px;
    text-align: center;
}

#Row2_Footer ul li:first-child {
    background: none;
}

#Row2_Footer ul li a {
    text-decoration: none;
    text-transform: uppercase;
    font-size: 11px;
    color: #ffffff;
    font-family: myriadpro, arial;
}

#Row2_Footer #copy-right {
    float: right;
    width: 140px;
    text-align: right;
    margin-top: -3px;
    font-size: 11px;
    color: #ffffff;
    font-family: myriadpro, arial;
}

/*--------------- OHTERS  ---------------- */

.clear-5
{
    clear:both;
    height: 5px;
}

.clear-10
{
    clear:both;
    height: 10px;
}

.clear-15
{
    clear:both;
    height: 15px;
}

.clear-20
{
    clear:both;
    height: 20px;
}

.clear-30
{
    clear:both;
    height: 30px;
}
